 <div id="content1">
        <img class="icon_delete1 close1" data-name="playback" onclick="closePopup()" src="__PUBLIC__/home/images/icon_delete1.png"/>
        <div class="slider-paga">
            <a href="javascript:;;" class="slider-pre"><img src="__PUBLIC__/home/images/icon_fy_l.png"/></a>
            <a href="javascript:;;" class="slider-next"><img src="__PUBLIC__/home/images/icon_fy_r.png"/></a>
        </div>
        <div class="slider">
            <ul class="slider-main">
                <?php
                $count = count($result);
                $page = ceil($count/8); //向前进一
                ?>
                <?php for($i = 0;$i < $page; $i++){?>
                <li class="slider-panel pad">
                    <ul >
                        <?php for($j = $i*8 ; $j< ($i+1)*8; $j++){
                        if(empty($result[$j])){
                            break;
                        }
                        ?>
                            <li><a href="<?php echo empty($result[$j]['link_url']) ? 'javascript:void(0)': $result[$j]['link_url']?>" target="_blank" class="img_pic_1" >
                                <img src="<?php echo $result[$j]['image_path']?>"/></a><div class="pp2">&nbsp;&nbsp;<span class="sp-time"><?php echo date('md',$result[$j]['create_time'])?></span><span class="spn-len"><?php echo $result[$j]['title']?></span></div>
                            </li>
                        <?php } ?>
                    </ul>
                </li>
                <?php } ?>
            </ul>

            <div class="slider-extra">
                <ul class="slider-nav">
                    <?php for($i=0;$i<$page;$i++){?>
                        <li class="slider-item"></li>
                    <?php }?>
                </ul>

            </div>
        </div>
    </div>
 <script>
     //轮播 精彩回放
     $(document).ready(function() {
         var length,
                 currentIndex = 0,
                 interval,
                 hasStarted =false, //是否已经开始轮播
                 t =3000; //轮播时间间隔
         length =$('.slider-panel').length;
         console.log(length)
         //将除了第一张图片隐藏
         $('.slider-panel:not(:first)').hide();
         //将第一个slider-item设为激活状态
         $('.slider-item:first').addClass('slider-item-selected');
         //隐藏向前、向后翻按钮
         $('.slider-page').hide();
         //鼠标上悬时显示向前、向后翻按钮,停止滑动，鼠标离开时隐藏向前、向后翻按钮，开始滑动
         $('.slider-panel, .slider-pre, .slider-next').hover(function() {
             stop();
             $('.slider-page').show();
         }, function() {
             $('.slider-page').hide();
             start();
         });
         $('.slider-item').hover(function(e){
             stop();
             var preIndex = $(".slider-item").filter(".slider-item-selected").index();
             currentIndex = $(this).index();
             play(preIndex, currentIndex);
         }, function(){
             start();
         });
         $('.slider-pre').unbind('click');
         $('.slider-pre').bind('click', function() {
             pre();
         });
         $('.slider-next').unbind('click');
         $('.slider-next').bind('click', function() {
             next();
         });
         /**
          * 向前翻页
          */
         function pre() {
             var preIndex = currentIndex;
             currentIndex = (--currentIndex + length) % length;
             play(preIndex, currentIndex);
         }
         /**
          * 向后翻页
          */
         function next() {
             var preIndex = currentIndex;
             currentIndex = ++currentIndex % length;
             play(preIndex, currentIndex);
         }
         /**
          * 从preIndex页翻到currentIndex页
          * preIndex 整数，翻页的起始页
          * currentIndex 整数，翻到的那页
          */
         function play(preIndex, currentIndex) {
             $('.slider-panel').eq(preIndex).fadeOut(0).parent().children().eq(currentIndex).fadeIn(0);
             $('.slider-item').removeClass('slider-item-selected');
             $('.slider-item').eq(currentIndex).addClass('slider-item-selected');
             start();
         }
         /**
          * 开始轮播
          */
         function start() {
             if(!hasStarted) {
                 hasStarted = true;
                 interval = setInterval(next, t);
             }
         }
         /**
          * 停止轮播
          */
         function stop() {
             clearInterval(interval);
             hasStarted = false;
         }
         //开始轮播
         start();
     });
 </script>
